.toast {

    animation-duration: 0.5s;
    transition: .5s all;
    position: fixed;
    z-index: 99999;
    left: 18px;
    bottom: 30px;
    color: #fff;
    text-align: center;
    padding: 3px 10px;
    border-radius: 14px;
    font-size: 12px;
    line-height:1.4;
    border:2px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.7);
    &.ERR {
        background: rgba(255, 0, 0, 0.8);
        color: #fff;
        font-weight: normal;
        a{
            color:#eef;
            &:hover{
                color:#ff0
            }
        }
    }

    .I-close {
        user-select: none;
        font-weight: bold;
        cursor: pointer;
        font-size: 12px;
        margin-left: 8px;

        &:hover {
            color: #0f0;
        }
    }
}

// @media (max-width: 602px) {
//     .toast {
//         right: 50%;
//         transform: translateX(50%);
//     }
// }
